<link href="{{ static_url('markdown/css/bootstrap-markdown.min.css') }}" rel="stylesheet" type="text/css"/>
<link href="{{ static_url('markdown/less/bootstrap-markdown.less') }}" rel="stylesheet/less" type="text/css"/>
<link href="{{ static_url('markdown/css/bootstrap.css') }}" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="{{ static_url('markdown/js/bootstrap-markdown.js') }}"></script>
<script>
    $(function () {
        $('#markdown-editor').markdown();
    });
</script>
<div class="container-fluid container">
    <div class="pure-g">
        <div class="pure-u-1">
            <div id="contact_form" class="form">
                <h3> {{ _('Add Page') }} </h3>

                <form method="post" action="" class="pure-form pure-form-aligned">
                    <input type=hidden name=slug value="{{ kwd['slug'] }}">

                    <div class="pure-control-group">
                        <label for="title">{{ _('Title') }}</label>
                        <input type="text" id="title" name="title"/>
                    </div>
                    <div class="pure-control-group">
                        <label for="markdown-editor">{{ _('Content') }}</label>
                        <textarea rows=16 id="markdown-editor" data-provider="markdown" name="cnt_md"
                                  cols="76"></textarea>
                    </div>
                    <div class="pure-control-group">
                        <label for="sub1"></label>
                        <input id="sub1" type="submit" class="pure-button pure-button-primary"
                               value="{{ _('Submit') }}">
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
